/* 测试页面的样式，不需要打包 */

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.app {
  width: 100%;
  height: 100%;
}

#mapContainer {
  width: 100%;
  height: 100%;
  float: left;
}

#searchTool {
  margin: 15px 0px 0px 20px;
  position: absolute;
  width: 420px;
  box-shadow: 0px 0px 5px #C8CCD2;
}

#searchTool .el-input-group__prepend {
  background-color: #fff;
  color: #000;
  border: 0px;
  border-radius: 4px 0px 0px 4px;
  padding: 0 15px;
}

#searchTool .el-input-group__append {
  background-color: #3388ff;
  color: #fff;
  border: 1px solid #3388ff;
  border-radius: 4px rgb(36, 37, 41);
  padding: 0 10px;
}

#searchTool .el-input .el-input__clear {
  font-size: 16px;
}

#searchTool .el-input .el-input__clear:hover {
  color: #C8CCD2;
}

#searchTool .el-icon-circle-close:before {
  content: "\E60F";
}

#searchTool .el-input__inner {
  border: 0px;
}

#searchResult p {
  color: #aaaaaa;
  font-size: 14px;
  margin: 0px;
  font-family: Microsoft Yahei;
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
}

#searchResult {
  overflow: auto;
  height: 600px;
}

.leftPane {
  margin: 65px 0px 0px 20px;
  position: absolute;
  width: 420px;
  background-color: #fff;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 0px 5px #C8CCD2;
}

.rightPane {
  margin: 65px 20px 0px 0px;
  right: 20px;
  position: absolute;
  width: 420px;
  background-color: #fff;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 0px 5px #C8CCD2;
  overflow: hidden;
}

/* 
#targetlist li:hover{
  background: #c9e8fd;
}

#targetlist li.select {
  background: #c9e8fd;
} */

#targetlist li {
  display: block;
}

#targetlist {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
  min-height: calc(100% - 95px);
  border-top: 1px solid #eee;
  margin: 0 10px;
}

.record {
  font-size: 11pt;
  padding: 10px 0 0 0;
  clear: both;
  cursor: pointer;
}

.recordinfo .el-card__header {
  padding: 8px 20px;
}

.recordinfo .el-card {
  border-radius: 4px 4px 0px 0px;
}

.recordprefix {
  width: 5px;
  height: 24px;
  background-color: #3388ff;
  position: relative;
  display: inline-block;
  left: -20px;
  top: 6px;
}

.recordtext {
  padding: 10px 0px;
}

.recordtext div,
.nearrecord div {
  display: inline-block;
  /* width: 220px; */
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.recordaddr {
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  color: #666
}

.el-card_bottom {
  /* height: 40px; */
  background-color: #eee;
  border-radius: 0px 0px 4px 4px;
  border-width: 1px;
  padding: 6px 0px 6px 30px;
  font-size: 12px;
}

.el-card_bottom .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-card_bottom .el-input-number {
  line-height: 26px;
  width: 100px;
}

.el-card_bottom .el-button {
  padding: 4px 12px;
}

.el-card_bottom .el-input-number__decrease,
.el-card_bottom .el-input-number__increase {
  width: 30px;
}

.el-card_bottom .el-input-number .el-input__inner {
  padding-left: 30px;
  padding-right: 30px;
}

.leftPane .el-radio-group {
  padding: 10px 0 10px 10px;
}

.nearlist {
  padding-left: 10px;
}

.nearli {
  padding: 10px 0 0 0;
  clear: both;
  cursor: pointer;
}

.rightPane .el-card__header {
  padding: 8px 20px;
}

.targetInfo {
  height: 130px;
  background: #eee;
  border: 1px solid #aaa;
  border-radius: 2px;
}

.poilist {
  height: 400px;
  overflow: auto;
}

.poilist ul li:hover {
  background: #c9e8fd;
}

.poilist ul li.select {
  background: #c9e8fd;
}

.poilist ul li {
  display: block;
}

.poilist ul {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
  overflow-x: hidden;
}

/* 
#billlist {
  min-height: calc(100% - 95px);
} */

.near {
  font-size: 11pt;
  height: 68px;
  clear: both;
  cursor: pointer;
}

.near img {
  position: absolute;
  margin: 10px 10px 0px 10px;
}

.near .nearindex {
  position: relative;
  top: 10px;
  font-size: 11px;
  color: #fff;
}

.near .neartitle {
  position: absolute;
  left: 40px;
  padding-top: 10px;
  font-weight: bold;
}

.near .nearaddr {
  position: absolute;
  padding: 35px 0px 0px 33px;
  color: #aaaaaa;
}

.near .nearline {
  position: absolute;
  margin: 0px 40px;
  padding-top: 47px;
  border-bottom: #efefef solid 1px;
  width: calc(100% - 120px);
}